<template>
  <div class="short-cut">
    <nav class="wrapper">
      <ul>
        <li><a href="#">请先登录</a></li>
        <li><a href="#">免费注册</a></li>
        <li><a href="#">我的订单</a></li>
        <li><a href="#">会员中心</a></li>
        <li><a href="#">帮助中心</a></li>
        <li><a href="#">在线客服</a></li>
        <li><a href="#">手机版</a></li>
      </ul>
    </nav>
  </div>
</template>

<script>
export default {
  name: "ShortCut"
}
</script>

<style lang="less" scoped>
@import '../../styles/env';

.short-cut{
  height: 52px;
  background-color: @main-color;
  nav{
    height: 52px;
    ul {
      float: right;
      li {
        float: left;
        line-height: 52px;
        a{
          padding: 0 16px;
          border-right: 1px solid #666;
          font-size: 14px;
          color: #dcdcdc;
        }
      }
      :last-child {
        a {
          border-right: none;
        }
      }
    }
  }
}
</style>